<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="锡澄包装-主营各类水果包装（纸箱，水果标签，保鲜盒）">
    <meta name="Description" content="锡澄包装-主营各类水果包装（纸箱，水果标签，保鲜盒）">
    <title>锡澄包装-主营各类水果包装（纸箱，水果标签，保鲜盒）</title>
    <link rel="stylesheet" href="css/commons.css"/>


</head>
<body style="margin: 0;">   <!--margin的意思是让将上面的边框边缘的空白去掉-->
    <div class="pg-header">
        <div style="float: left;line-height: 35px;margin-left: 10px">&nbsp收藏本站</div>
        <div style="float: right;">
            <a>登陆</a>
            <a>注册</a>
            <a>我的订单</a>
            <a>我的收藏</a>
            <a>VIP会员俱乐部</a>
            <a>客户服务</a>
            <a>关注</a>
            <a style="margin-right: 20px;">手机版</a>
        </div>
    </div>

    <div class="hd_main" style="background-color:white;height: 100px;color: green;">

        <div class="logo">
            <img src="img/Logo.jpeg" style="margin-left: 200px;height: 100px;float: left" >
        </div>

        <div class="search_box" style="border: 1px solid blanchedalmond;width:auto;float: left;margin-top: 30px;margin-left: 40px">
            <input class="sea_input" type="text" name="keywords" id="keywords" style="height: 35px;width:450px"/>
            <button type="button" class="sea_submit" style="font-size: 15px">搜索</button>
            <br/>
            <br/><br/><br/>

        </div>

         <div class="head_search_hot">
                <span>热搜榜：</span>
                <a target="_blank">水果纸箱</a>
                <a target="_blank">礼盒</a>
                <a target="_blank">手提篮</a>
                <a target="_blank">甘蔗刀</a>
                <a target="_blank">水果标签</a>
         </div>

        <div class="hd_cart">
            购物车结算
        </div>

    </div>

    <div class="hd_nav">

        <div style="display: inline">
            <a style="margin-left: 50px;">全部商品分类</a>
            <select name="select_all" style="background-color: #DD4A68">
                <option value="1">栗子</option>
                <option value="2">包装</option>
                <option value="3">剪刀</option>
                <option value="4">甘蔗</option>
                <option value="5">苹果</option>
             </select>
        </div>
        <div style="display: inline;margin-left: 100px;">
            <a >首页</a>
            <a >水果</a>
            <a >礼盒</a>
            <a >团购商品</a>
            <a >积分兑换</a>
        </div>

    </div>


    <div style="width: 300px;border: 1px solid red;">
            <div style="width: 96px;height:96px;border: 1px solid green;float: left"></div>   <!--实际占用宽度为98，还有border-->
            <div style="width: 96px;height:96px;border: 1px solid green;float: left"></div>
            <div style="width: 96px;height:96px;border: 1px solid green ;float: left"></div>
            <div style="width: 96px;height:96px;border: 1px solid green ;float: left"></div>
            <div style="width: 96px;height:96px;border: 1px solid green ;float: left"></div>
            <div style="clear: both"></div>     <!--使父边框也浮动起来把自边框包括-->
    </div>
</body>
</html>